<div class="bg-light lter b-b wrapper-md">
  <h1 class="m-n font-thin h3">课程管理</h1>
</div>
<div class="wrapper-md" ng-controller="CourseCtrl">
  
  <div class="panel panel-default">
    <div class="panel-heading font-bold">
      查询课程
    </div>
    <div class="panel-body">
          <form class="form-inline" role="form">
            <div class="form-group">
              <label>课程名称&nbsp;</label>
              <input type="text" class="form-control">
            </div>
            <div class="form-group">
              <label>&nbsp;课程类别&nbsp;</label>
              <input type="text" class="form-control">
            </div>
            <button type="button" class="btn btn-sm btn-primary" ng-click="loadData()">检索</button>
            <button type="reset" class="btn btn-sm btn-default">重置</button>
          </form>
    </div>
  </div>	

	<div class="panel panel-default">
    <div class="panel-heading">
      课程列表
    </div>
    <div class="table-responsive">
	      <table ui-jq="dataTable" ui-options="{
	          sAjaxSource: 'vendor/jquery/datatables/datatable.json',
	          aoColumns: [
	            { mData: 'engine' },
	            { mData: 'browser' },
	            { mData: 'platform' },
	            { mData: 'version' },
	            { mData: 'grade' }
	          ],
	          language: {
		       'sProcessing': '处理中...',
		       'sLengthMenu': '显示 _MENU_ 项结果',
		       'sZeroRecords': '没有匹配结果',
		       'sInfo': '显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项',
		       'sInfoEmpty': '显示第 0 至 0 项结果，共 0 项',
		       'sInfoFiltered': '(由 _MAX_ 项结果过滤)',
		       'sInfoPostFix': '',
		       'sSearch': '搜索:',
		       'sUrl': '',
		       'sEmptyTable': '表中数据为空',
		       'sLoadingRecords': '载入中...',
		       'sInfoThousands': ',',
		       'oPaginate': {
		           'sFirst': '首页',
		           'sPrevious': '上页',
		           'sNext': '下页',
		           'sLast': '末页'
		       },
		       'oAria': {
		           'sSortAscending': ': 以升序排列此列',
		           'sSortDescending': ': 以降序排列此列'
		       }
		       }
	        }" class="table table-striped m-b-none">
	        <thead>
	          <tr>
	            <th  style="width:20%">Rendering engine</th>
	            <th  style="width:25%">Browser</th>
	            <th  style="width:25%">Platform(s)</th>
	            <th  style="width:15%">Engine version</th>
	            <th  style="width:15%">CSS grade</th>
	          </tr>
	        </thead>
	        <tbody>
	        </tbody>
	      </table>
    		</div>
 	 </div>

</div>